
@import (reference) "~weaver-mobile/dist/weaver-mobile.less";
    
// .am-input-label-5{
//     width:auto !important;
// }
.sortableHelper {
    z-index: 999 ;
    .label_for_checkbox{
        display: inline-block;
        padding: 5px 15px;
        margin-top: 2.5%;
        margin-bottom: 2.3%;
        margin-left:8.2%;
        border-radius: 20px;
        max-width: 200px;
        text-overflow:ellipsis
    }
    .manageContent_middle_item:nth-child(1){
        // margin-left: 10px;
        width: 100%;
        svg:nth-child(3){
            display: flex;
            align-items: center;
            color: #D1D1D6;
            position: absolute;
            transform: translate(0px,-13px);
            top: 29%;
            right:8.5%;
            padding: 10px;
        }
    }
    .manageContent_middle_item label:nth-child(1){
        svg:nth-child(1){
            display: flex;
            align-items: center;
            width:16px;
            height:18px;
            color: #D1D1D6;
            position: absolute;
            left: 0.5%;
            top: 29.9%;
        }
    }   
}

.follow{
    width: 100%;
    height: 100%;
    background: white;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    .followTitle{
        background:rgba(113, 113, 113, 1);
        text-align: center;
        display: inline-block;
        width: 100%;
        box-shadow: none;
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        color: #FFFFFF;
        height: 33px;
        line-height: 33px;
    }
    .followContent{
        margin-left: 10px;
        padding: 10px 10px 10px 0;
        height: 25px;
        line-height: 25px;
        border-bottom: 1px solid #DCDCDC;
    }
    input[type='checkbox']{
        width: 20px;
        height: 20px;
        background-color: #fff;
        -webkit-appearance:none;
        border: 1px solid #c9c9c9;
        border-radius:50%;
        outline: none;
    }
    .tick{
        float: right;
        position: relative;
        border-color: #fff;
        top: -3px;
        left: -18px;
        width: 5px;
        height: 11px;
        border-style: solid;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .checkBox input[type=checkbox]:checked{
        background-color:#55b1f9;
     }
    .followContent_top label:nth-child(2){
        float: right;
    }
    .followContent_middle{
        height: 92%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; 
        box-sizing:border-box;
        margin-left: 15px;
        padding: 10px  10px 15% 0;
    }
    .followContent_middle_item{
        display: flex;
        align-items: center;
        input{
            margin: 5px 5px 5px 5px ;
        }
        .label_for_checkbox{
            display: inline-block;
            padding: 5px 15px;
            margin-top: 15px;
            border-radius: 20px;
            background: pink;
            position: relative;
            top: -10px;
            max-width: 200px;
            text-overflow:ellipsis
        }
        label{
            margin-right:  25px;
        }
        
    }
    .followContent_bottom{
        position: absolute;
        bottom: -3px;
        width: 100%;
        height: auto;
        overflow: hidden;
        .followContent_bottom_button{
            width: 50%;
            display: inline-block;
        }
    }
    .cancel_all_tag{
        position: relative;
        height: 44px;
        line-height: 44px;
        text-align: center;
        display:block;
        color: #55B1F9;
        border-top: 1px solid #DCDCDC;
        border-bottom: 1px solid #DCDCDC;
    }
    .manageContent_top{
        text-align: center;
        font-size: 13px;
        color: #55B1F9;
        position: relative;
        height: 43px;
        line-height: 43px;
        border-bottom: 1px solid #DCDCDC;
        margin-left: 5px;
    }
    .manageContent_bottom{
        -webkit-transform: translateZ(0); //解决ios和Andriod的position:fixed属性差异问题
        position: fixed;
        bottom: -3px;
        width: 100%;
    }
    .manageContent_top label:nth-child(1){
        top: 5px;
        position: relative;
        margin-right: 15px;
    }
    .manageContent_middle{
        margin-left: 10px;
        height:calc(~"100% - "  87 * @hd);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        .manageContent_middle_item{
            position: relative;
            // margin-left: 10px;
            border-bottom: 1px solid #DCDCDC;
            .label_for_checkbox{
                display: inline-block;
                padding:5px 15px;
                border-radius: 20px;
                margin: 8.5px 30px;
                max-width: 200px;
            }
        }
        .manageContent_middle_item:nth-child(1){
            svg:nth-child(3){
                transform: translateX(-15px);
                transform: translateY(-12px);
            }
        }
        .manageContent_middle_item label:nth-child(1){
            svg:nth-child(1){
                width:16px;
                height:18px;
                color: #D1D1D6;
                position: absolute;
                left: 0.5%;
                top: 30%;
            }
        }
    }
    div.editContent_middle{
        svg:nth-child(2){
            width: 14px;
            height: 16px;
        }
    }    
}
.wf-attention-btn-primary{
    background: #55B1F9;
    color: white;
}

.wf-supervised-btn-disabled{
    background-color: @fill-disabled;
    border-color: @fill-disabled;
    color: white;
}

.swipeFollow{
    background: #55B1F9 ;
    color: white;
}
